<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml" 
                xmlns:ui="http://java.sun.com/jsf/facelets"
                template="./../Plantillas/PlantillaAdmin.xhtml"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:p  = "http://primefaces.org/ui"
                xmlns:f="http://java.sun.com/jsf/core" 
                xmlns:html="http://www.w3.org/1999/xhtml">

    <ui:define name="content">
        <h:form id="form_gestCategoria">
            <p:panel>
                <div align="center">
                    <h:panelGrid columns="2" >
                        <h:outputLabel value="Nombre : "/>
                        <p:inputText value="#{gestionCategoriasBean.paramNombreBusqueda}"/>
                        <p:commandButton value="Buscar"
                                         icon="ui-icon-search"
                                         actionListener="#{gestionCategoriasBean.buscarCategorias()}"
                                         update="dt_categorias"/>
                        <p:commandButton value="Nuevo" 
                                         onclick="wgv_newEditCategoria.show()" 
                                         actionListener="#{gestionCategoriasBean.setupNuevo()}"
                                         update=":form_newEditCategoria"/>                                     
                    </h:panelGrid>
                </div>
            </p:panel>
            <p:separator/>
            <!-- p:outputPanel id="opl_listCategorias" -->
                <p:dataTable id="dt_categorias"
                             value="#{gestionCategoriasBean.listaCategorias}"
                             var="categoria"
                             paginator="true"
                             paginatorPosition="bottom"
                             rows="5">
                    <p:column headerText="Nombre ">
                        <h:outputLabel value="#{categoria.nombre}"/>
                    </p:column>
                    <p:column headerText="Opciones"
                              style="width: 65px;">
                        <p:commandButton title="Editar"
                                          icon="ui-icon ui-icon-pencil"
                                          onclick="wgv_newEditCategoria.show()"
                                          actionListener="#{gestionCategoriasBean.setupModificar(categoria)}"
                                          update=":form_newEditCategoria"/>

                        <p:commandButton title="Eliminar"
                                         icon="ui-icon-trash"
                                         onclick="confirm_elimCategoria.show()"
                                         actionListener="#{gestionCategoriasBean.setupEliminar(categoria)}"
                                         update=":form_newEditCategoria"/>
                    </p:column>

                </p:dataTable>
            <!-- /p:outputPanel --> 
           
        </h:form>
        <!-- INICIO : Dalog Nuevo/Editar Categorias -->
        <p:dialog id="dlg_newEditCategoria"
                  widgetVar="wgv_newEditCategoria"
                  modal="true" appendToBody="true">
            <h:form id="form_newEditCategoria">
                <h:panelGrid id="png_newEditCategoria" columns="3">
                    <h:outputLabel value="Nombre Categoria" />
                    <p:inputText id="txt_nomCategoria" value="#{gestionCategoriasBean.categoria.nombre}"
                                 maxlength="50"
                                 validatorMessage="El nombre debe de tener mas de 3 caracteres"
                                 required="true"
                                 requiredMessage="Ingrese un nombre para la categoria "/>
                    <p:message id="msg_nomcat" for="txt_nomCategoria" />
                    <p:commandButton value="Guardar"
                                     icon="ui-icon-disk"
                                     actionListener="#{gestionCategoriasBean.alterarCategoria()}"
                                     update="msg_nomcat,:form_gestCategoria:dt_categorias"/>
                    <p:commandButton immediate="true"
                                     icon="ui-icon-cancel"
                                     value="Cancelar"
                                     onclick="wgv_newEditCategoria.hide()"
                                     action="#{gestionCategoriasBean.limpiar()}"/>
                </h:panelGrid>
            </h:form>
        </p:dialog>
        <!-- FIN : Dalog Nuevo/Editar Categorias -->
        
        <!-- INICIO : Dialogo de confirmacion de eliminacion de la categoria -->
        <p:confirmDialog id="cd_elimCategoria"
               widgetVar="confirm_elimCategoria" header="Confirmar Eliminación" 
                          message="¿Desea eliminar registro?" 
                          appendToBody="true">
             <h:form>
                 <p:commandButton value="SI" 
                                  action="#{gestionCategoriasBean.alterarCategoria()}" 
                                  oncomplete="confirm_elimCategoria.hide();"
                                  update=":form_gestCategoria:dt_categorias"/>
                 <p:commandButton immediate="true"
                                  value="NO"
                                  onclick="confirm_elimCategoria.hide()"
                                  action="#{gestionCategoriasBean.limpiar()}"/>
            </h:form>
         </p:confirmDialog>
        <!-- FIN : Dialogo de confirmacion de eliminacion de la categoria -->
    </ui:define>
</ui:composition>
